@extends('site.base')

@section('style')
<style>

	.post{
		padding: 2em;
		display: block;
		background-color: #FFF;
		margin-bottom: 2em;	
	}
	
	.post-title .post-content .post-cover{			
		padding:1em;	
	}
	
	.post-title{
		font-family: "maiandra gd";	
		font-size: 2.5em;
		text-align: center;
	}
	
	.post-cover{
		padding: 2em 1em 2em 1em;	
	}
	
	.post-content{
		text-align: justify;
		font-size: 1em;
		font-family: "maiandra gd";	
	}
			
</style>
@endsection

@section('body-content')
	<div class="container-fluid" style="background-color: ghostwhite;">
 	<section>
 		<div class="post col-md-8 col-md-offset-2">
 		<article>
 			<div class="post-title">
 				{{ $article->title }}
 			</div>
 			<div class="post-cover">
 				<img class="center-block img-responsive" src="{{asset($article->cover_url)}}" />
 			</div>
 			<div class="post-content">
 				<?php echo $article->content ?>
 			</div>
 		</article>
 		</div>
 	</section>
 </div>

@endsection